<div th:fragment="slider" xmlns:th="http://www.w3.org/1999/xhtml">
    <ul class="mdui-list mdui-text-left mdui-collapse" mdui-collapse="{accordion: true}" id="collapse" >
        <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
            <div class="mdui-list-item-content">Home</div>
        </li>

        <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">dashboard</i>
            <div class="mdui-list-item-content" onclick="load('/admin/userInfo')">用户信息</div>
        </li>

        <li class="mdui-collapse-item " id="userCollapse">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons">people</i>
                <div class="mdui-list-item-content">用户管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/userList')">用户列表</li>
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/addUser')">用户添加</li>
            </ul>
        </li>

        <li class="mdui-collapse-item" id="cargoCollapse">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons">device_hub</i>
                <div class="mdui-list-item-content">货物管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/getAllCargoList')">货物列表</li>
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/addCargo')">货物添加</li>
            </ul>
        </li>

        <li class="mdui-collapse-item" id="orderCollapse">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons">touch_app</i>
                <div class="mdui-list-item-content">订单管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/orderList')">订单统计</li>
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/orderDetailList')">商品订单</li>
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/makeOrder')">订单结算</li>
            </ul>
        </li>

        <li class="mdui-collapse-item" id="noticeCollapse">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons">touch_app</i>
                <div class="mdui-list-item-content">公告留言</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/noticeList')">近期留言</li>
                <li class="mdui-list-item mdui-ripple" onclick="load('/admin/addNotice')">公告发布</li>
            </ul>
        </li>

        <!--<li class="mdui-list-item mdui-ripple">-->
            <!--<i class="mdui-list-item-icon mdui-icon material-icons">shopping_cart</i>-->
            <!--<div class="mdui-list-item-content">Ecommerce</div>-->
        <!--</li>-->

    </ul>

    <script type="text/javascript">
        var sliderCollapse;
        $(function () {
            sliderCollapse = new mdui.Collapse('#collapse');
        });

        function load(url) {
            window.location.href = url;
        }
    </script>
    </ul>
</div>